<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>插入节点</title>
<script type="text/javascript">
	function crNode(str){//创建节点的函数
		var newP=document.createElement("p");//创建p元素
		var newTxt=document.createTextNode(str);//创建文本节点
		newP.appendChild(newTxt);//将文本节点添加到创建的p元素中
		return newP;//返回创建的p元素
	}
	function insetNode(nodeId,str){//插入节点的函数
		var node=document.getElementById(nodeId);//获取指定id的元素
		var newNode=crNode(str);//创建节点
		if(node.parentNode)		//判断是否拥有父节点
			node.parentNode.insertBefore(newNode,node); //将创建的节点插入到指定元素的前面
	}	
</script>
</head>
<body>
	<h2 id="h">在上面插入节点</h2>
	<form id="frm" name="frm">
	输入文本：<input type="text" name="txt">
	<input type="button" value="前插入" onclick="insetNode('h',document.frm.txt.value);">
	</form>
</body>
</html>
